<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初始vue</title>
    <script type="text/javascript"  src="../js/vue.js"></script>  <!-- 假如这个加载很慢 --> 

</head>

<!-- 需求1: 定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。
需求2: 定义一个v-fbind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点 -->

<body>
    <button id="btn">点击创建一个输入框</button>
 
    <script type="text/javascript">
        const btn = document.getElementById("btn");
        btn.onclick=()=>{
            const input = document.createElement('input');
            document.body.appendChild(input);
            input.focus();  //必须在插入页面时之后才有效果
        }
    </script>
</body>

<script type="text/javascript">
   Vue.config.productionTip=false;
    
    
</script>
</html>